{% extends "base.html" %}

{% block titulo %}Cursos{% endblock %}

{%block style%}<link rel="stylesheet" type="text/css" href="/stylesheets/adminStyle.css" />{%endblock%}

{% block breadcrumbs %}<div id="middleBreadcrumb"><a href="/home/">home</a> ></div>
                        <div id="lastBreadcrumb">Alumnos</div>
                        {% endblock %}

{% block cuerpo %}
    <a href="/registrar_alumno/">Registrar alumno</a>
        <br />
        <br />
        <div id="students_container">
        <table id="rounded-corner">
            <thead>
                <tr>
                    <th scope="col" class="photo">Foto</th>
                    <th scope="col" class="username"><a href="/viewAllStudents/1/unm/">Matr&iacute;cula</a></th>
                    <th scope="col" class="name"><a href="/viewAllStudents/1/fnm/">Nombre(s)</a></th>
                    <th scope="col" class="email"><a href="/viewAllStudents/1/mai/">Correo</a></th>
                </tr>
            </thead>
            <tfoot>
                <tr>
                    <td class="rounded-foot-left">P&aacute;ginas</td>
                    <td colspan="2" class="rounded-foot-center">
                        {%for page in pageList|slice:":-1"%}
                            <a href="/viewAllStudents/{{page}}/{{sort}}/">{{page}}</a> -
                        {%endfor%}
                        {%with pageList|last as lastPage%}
                            <a href="/viewAllStudents/{{lastPage}}/{{sort}}/">{{lastPage}}</a>
                        {%endwith%}
                    </td>
                    <td class="rounded-foot-right"></td>
                </tr>
            </tfoot>
            <tbody>
                {%for student in studentList%}
                <tr class="{%cycle 'a' 'b' %}">
                    <td>
                        <div id="student_avatar"><img src="{{student.avatar.path}}" alt="{{student.get_full_name}}" width="{{student.avatarWidth}}" height="{{student.avatarHeight}}" /></div>
                    </td>
                    <td>
                        <div id="student_username">{{student.username}}</div>
                    </td>
                    <td>
                        <div id="student_name">{{student.get_full_name}}</div>
                    </td>
                    <td>
                        <div id="student_email">{{student.email}}</div>
                    </td>
                </tr>
                {%endfor%}
            </tbody>
        </table>
    </div>
{% endblock %}